.fl{
    float:left;
}
.fr{
    float: right;
}
.clearfix::after{
    content:'';
    height:0;
    display:block;
    clear:both;
}
.bd{
    border:1px solid red;
}
.container{
    width:1200px;
    margin:0 auto;
}
.head{
    padding: 20px 30px 6px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid white;
    width:100%;
    position: absolute;
    z-index: 10; 
    min-width: 1200px;

}
.head-nav{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
}
.head-nav li{
    float:left;
    margin:0 20px;
    margin-top:5px;
  
}
.head-nav li a{ 
  padding-bottom: 22px;
  box-sizing: border-box;
  color: white;
}
.head-nav li .active,
.head-nav li a:hover{
    border-bottom: 3px solid white;

}
.head-login,.head-register{
    float:left;
    padding:6px 14px;
    box-sizing: border-box;
    border-radius: 15px;
    border:2px solid white;
    margin-left: 10px;
    font-size: 12px;
    color:white;
}
.head-register{
    background-color: #ed510a;
    border: none;
    line-height: 20px;
    
}






/* 尾部 */
.foot{
    padding:50px 0 20px;
    box-sizing: border-box;
    background-color: #f7f7f7;
}
.foot-cont div{
    float: left;
    width:200px;
 
}
.foot-cont div h4{
    font-size: 14px;
    font-weight: normal;
    color:#181818;
    margin-bottom: 30px;
}
.foot-cont div p{
    margin-bottom: 10px;
}
.foot-cont div:last-child{
    float:right;
    position: relative;
    padding-left: 90px;
    box-sizing: border-box;

}
.foot-cont6 h3{
    font-size: 15px;
    font-weight: normal;
    color:#181818;
    margin-left:35px;
    margin-bottom: 10px;
    /* position: relative;
    right:0;
    top:0; */
}
.foot-cont6 p{
    margin-left:40px;
}
.foot-cont6 img{
    margin-top: 30px;
}
.foot-cont7{
    font-size: 12px;
    color: #9b9a9a;
    margin-top: 40px;
    margin-top: 20px;
    
}
.foot-cont7 img{
height:20px;
margin-right: 10px;
    
}





